<template>
  <div class="filter-box">
    <span class="filter-type">排序:</span>
    <span class="select-type">默认</span>
  </div>
</template>

<style lang="scss" scoped>
.filter-box {
  height: 38px;
  padding: 0 24px;
  margin-bottom: 8px;
  line-height: 38px;
  background: rgba(0,0,0,0.3);
  border-radius: 5px;
  box-shadow: 0 0 2.5px 2.5px rgba(0,0,0,0.4);
}

.filter-type {
  margin-right: 8px;
  color: antiquewhite;
}

.filter-type ~ span {
  margin: 0 4px;
  color:rgba(0, 0, 0, 0.55)
}

.filter-type ~ span:hover {
  color: lightblue;
  cursor: pointer;
}

.filter-box .select-type {
  color: dodgerblue;
}
</style>
